<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Hello</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <!-- 引入JS文件 -->
    <script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
    <script type="text/javascript">
        var appId='[[${signature.appId}]]';
        var timestamp='[[${signature.timestamp}]]';
        var nonceStr='[[${signature.nonceStr}]]';
        var signature='[[${signature.signature}]]';
        var baseurl='[[${baseurl}]]';
            wx.config({
                debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                appId: appId, // 必填，公众号的唯一标识
                timestamp: timestamp, // 必填，生成签名的时间戳
                nonceStr: nonceStr, // 必填，生成签名的随机串
                signature: signature,// 必填，签名
                jsApiList: ['onMenuShareAppMessage'] // 必填，需要使用的JS接口列表
            });
            // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
            wx.ready(function(){
                wx.onMenuShareAppMessage({
                    title: '这是我的分享测试', // 分享标题
                    desc: '这是我的分享测试页面，我已经可以成功分享给你信息了，我真的很开心，你也赶紧试试吧。', // 分享描述
                    link: baseurl+'/wx/success', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://mobilepics.nosdn.127.net/netease_subject/d5ecd2330edcabe186f38602cbde12071539740155652564', // 分享图标
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function () {
                        // 用户点击了分享后执行的回调函数
                        alert("分享成功开心啊啊啊啊");
                    }
                });
            });

    </script>
</head>
<body>
Hello, 这是分享测试页面
<!--<span th:text="${signature}"></span>-->
</body>
</html>
